.indexPage{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: auto;
	padding: 20px;
	box-sizing: border-box;
	color:#fff;
	.wrapper{
		width: 1800px;
		margin: 0 auto;
		border: 1px solid #e3e5e4;
	  .ctn{
			height: 980px;
			display: flex;
			flex-direction: column;
			& > div + div{
				border-top: 1px solid #e3e5e4;
			}
			.headerTop{
				flex:1;
				overflow: hidden;
				display: flex;
				& > p{
					width: 300px;
				}
				& > ul{
					margin-left: 10px;
					flex:1;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					& > li{
						.el-row{
							flex:1;
							overflow: hidden;
							display: flex;
							.el-col{
								margin-right: 20px;
								// width: 200px;
								display: flex;
								align-items: center;
								justify-content: center;
								cursor: pointer;
								background: #c7c7d1;
								box-shadow: inset 5px 5px #dbd9dc;
								& > p{
									color:#4a4e51;
									font-weight: 600;
									height: 40px;
									width: 100%;
									text-align: center;
									line-height: 40px;
									font-size: 16px;
								}
							}
						}
					}
				}
			}
			.kV500{
				flex:6;
				overflow: hidden;
				display: flex;
				& > p{
					width: 300px;
					font-size: 28px;
					color:#c63f22;
					text-align: right;
					margin-top: 10px;
				}
				& > ul{
					margin-left: 10px;
					flex:1;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					& > li{
						.el-row{
							flex:1;
							overflow: hidden;
							display: flex;
							.el-col{
								margin-right: 20px;
								// width: 200px;
								display: flex;
								align-items: center;
								justify-content: center;
								cursor: pointer;
								background: #c7c7d1;
								box-shadow: inset 5px 5px #dbd9dc;
								& > p{
									color:#4a4e51;
									font-weight: 600;
									height: 40px;
									width: 100%;
									text-align: center;
									line-height: 40px;
									font-size: 16px;
								}
							}
						}
					}
				}
			}
			.kV220{
				flex:4;
				overflow: hidden;
				display: flex;
				& > p{
					width: 300px;
					font-size: 28px;
					color:#8d58d2;
					text-align: right;
					margin-top: 10px;
				}
				& > ul{
					margin-left: 10px;
					flex:1;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					& > li{
						.el-row{
							flex:1;
							overflow: hidden;
							display: flex;
							.el-col{
								margin-right: 20px;
								// width: 200px;
								display: flex;
								align-items: center;
								justify-content: center;
								cursor: pointer;
								background: #c7c7d1;
								box-shadow: inset 5px 5px #dbd9dc;
								& > p{
									color:#4a4e51;
									font-weight: 600;
									height: 40px;
									width: 100%;
									text-align: center;
									line-height: 40px;
									font-size: 16px;
								}
							}
						}
					}
				}
			}
			.kV35{
				flex:4;
				overflow: hidden;
				display: flex;
				& > p{
					width: 300px;
					font-size: 28px;
					color:#b9b4bb;
					text-align: right;
					margin-top: 10px;
					& > span:first-child{
						color: #c5b629;
					}
					& > span:last-child{
						color: #4cc834;
					}
				}
				& > ul{
					margin-left: 10px;
					flex:1;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					& > li{
						.el-row{
							flex:1;
							overflow: hidden;
							display: flex;
							.el-col{
								margin-right: 20px;
								// width: 200px;
								display: flex;
								align-items: center;
								justify-content: center;
								cursor: pointer;
								background: #c7c7d1;
								box-shadow: inset 5px 5px #dbd9dc;
								& > p{
									color:#4a4e51;
									font-weight: 600;
									height: 40px;
									width: 100%;
									text-align: center;
									line-height: 40px;
									font-size: 16px;
								}
							}
						}
					}
				}
			}
			.other{
				flex:1;
				overflow: hidden;
				display: flex;
				& > p{
					width: 300px;
					font-size: 28px;
					color:#b9b4bb;
					text-align: right;
					margin-top: 10px;
				}
				& > ul{
					margin-left: 10px;
					flex:1;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					justify-content: space-around;
					& > li{
						.el-row{
							flex:1;
							overflow: hidden;
							display: flex;
							.el-col{
								margin-right: 20px;
								// width: 200px;
								display: flex;
								align-items: center;
								justify-content: center;
								cursor: pointer;
								background: #c7c7d1;
								box-shadow: inset 5px 5px #dbd9dc;
								& > p{
									color:#4a4e51;
									font-weight: 600;
									height: 40px;
									width: 100%;
									text-align: center;
									line-height: 40px;
									font-size: 16px;
								}
							}
						}
					}
				}
			}
	  }
	}
}
